.container {
  display  : flex;
  flex-wrap: nowrap;
  height   : 100vh;

  .left {
    width              : 60%;
    height             : 100%;
    background         : url("https://erp-file.honbow.com/HBERP/assets/img/login/loginPic.png");
    background-repeat  : no-repeat;
    background-size    : cover;
    background-position: center center;
    border-radius      : 0 6px 6px 0;
    overflow           : hidden;
    padding            : 60px 0 0 55px;

    .logo {
      width              : 180px;
      height             : 47px;
      background         : url("https://erp-file.honbow.com/HBERP/assets/img/login/logo.png");
      background-repeat  : no-repeat;
      background-size    : 100% 100%;
      background-position: center center;
    }
  }

  .right {
    flex             : 1;
    height           : 100%;
    background       : url("https://erp-file.honbow.com/HBERP/assets/img/login/loginBg.png");
    background-repeat: repeat;
    background-size  : 100% 100%;
    padding-top      : 150px;

    .loginContent {
      width : 400px;
      margin: 0 auto;

      .loginLog {
        width              : 301.6px;
        height             : 48px;
        background         : url("https://erp-file.honbow.com/HBERP/assets/img/login/loginLogo.png");
        background-repeat  : no-repeat;
        background-size    : 100% 100%;
        background-position: center center;
      }

      .loginText {
        margin-top: 50px;

        .txt1 {
          color        : #002842;
          font-size    : 45px;
          height       : 45px;
          line-height  : 45px;
          margin-bottom: 18px;
          font-weight  : 400;
        }

        .txt2 {
          color      : #304967;
          font-size  : 22px;
          height     : 22px;
          line-height: 22px;
          font-weight: 500;
        }
      }
    }
  }
}

@media screen and (min-width: 1680px) {
  .container {
    .right {
      .loginContent {
        width: 450px;

        .loginLog {
          width              : 339.3px;
          height             : 54px;
          background         : url("https://erp-file.honbow.com/HBERP/assets/img/login/loginLogo.png");
          background-repeat  : no-repeat;
          background-size    : 100% 100%;
          background-position: center center;
        }

        .loginText {
          margin-top: 65px;

          .txt1 {
            font-size    : 52px;
            height       : 52px;
            line-height  : 52px;
            margin-bottom: 20px;
          }

          .txt2 {
            font-size  : 24px;
            height     : 24px;
            line-height: 24px;
          }
        }

        .form {
          margin-top: 57px;
        }
      }
    }
  }
}

@media screen and (min-width: 3439px) {
  .container {
    .right {
      .loginContent {
        width: 500px;

        .loginLog {
          width              : 377px;
          height             : 60px;
          background         : url("https://erp-file.honbow.com/HBERP/assets/img/login/loginLogo.png");
          background-repeat  : no-repeat;
          background-size    : 100% 100%;
          background-position: center center;
        }

        .loginText {
          margin-top: 80px;

          .txt1 {
            font-size    : 60px;
            height       : 60px;
            line-height  : 60px;
            margin-bottom: 22px;
          }

          .txt2 {
            font-size  : 26px;
            height     : 26px;
            line-height: 26px;
          }
        }

        .form {
          margin-top: 65px;
        }
      }
    }
  }
}